.result-modal {
    z-index: 202;
    position: fixed;
    .wh100();
    background: rgba(150, 150, 150, .3);
    display: flex;
    align-items: center;
    justify-content: center;

    @keyframes contentAnimation {
        0% {
            opacity: 0;
            transform: scale(0);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    .modal-content {
        width: 350px;
        height: 500px;
        margin-bottom: 80px;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 0 16px 0 #cccccc;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        animation: contentAnimation .3s ease;

        h1 {
            font-size: 48px;
        }

        .btn-group {
            display: flex;
            flex-direction: column;

            button {
                align-items: center;
                width: 180px;
                height: 60px;
                border-radius: 15px;
                font-size: 28px;
                margin-bottom: 20px;

                .text {
                    margin-left: 5px;
                }
            }
        }
    }
}